<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // Date对象是一个构造函数，所以需要new关键字进行创建
        // var time = new Date();
        // console.log(time);
        // 无参数则返回当前的时间
        // 参数一般有两种形式，数字型和字符串型
        // var time1 = new Date(2019, 10, 1);
        // console.log(time1);
        // 用数字型会存在一个问题 就是比实际的月份大一

        // var time2 = new Date('2019-10- 1 8:8:8');
        // console.log(time2);


        // 格式化时间，年，月，日，星期几，时，分，秒
        var a = new Date();

        // 注意下面用来接收的变量名千万不能和 Date对象名重复否则会出错
        var year = a.getFullYear();//获取年份
        var month = a.getMonth() + 1;//月份会小一个月所以要加1
        var date = a.getDate();//获取日期
        var day = a.getDay();//返回星期几，周日是0

        console.log(year);
        console.log(month);
        console.log(date);
        console.log(day);

        arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
        // 星期几采用数组的形式来存储,下标从0-6,星期天放在开头
        console.log('今天是:' + year + '年' + month + '月' + date + '日' + arr[day]);
        // 这是格式化年月日和星期几


        /*  var hour = a.getHours();//获取小时
         var minute = a.getMinutes();//获取分钟
         var second = a.getSeconds();//获取秒数
         console.log(hour);
         console.log(minute);
         console.log(second);
         console.log(hour + ':' + minute + ':' + second); */

        // 使用函数来封装一个获取格式化时分秒的功能:
        function getTime() {
            var time = new Date();
            var hour = time.getHours();//获取小时
            hour = hour < 10 ? '0' + hour : hour;
            var minute = time.getMinutes();//获取分钟
            minute = minute < 10 ? '0' + minute : minute;
            var second = time.getSeconds();//获取秒数
            second = second < 10 ? '0' + second : second;
            // 在时分秒小于10的时候在前面加上0
            return hour + ':' + minute + ':' + second;
        }
        var t = getTime();
        console.log('现在的时间是:' + t);

    </script>
</head>

<body>

</body>

</html>